<div class="container">
	<div class="row">
		<div class="col-sm-8">
			<a class="navbar-brand navbar-title" href="#">District List</a>
		</div>
	</div>
	<div class="row">
		<div class="col-sm-12">
			<div class="pull-right clearfix">
				<a href="<?php echo base_url(); ?>company/district_add">ADD DISTTRICT</a>
			</div>
		</div>
	</div>
	<?php echo form_open("company/district_delete_all"); ?>
	<div class="contact-form">
		<table id="example" class="display">
			<thead>
				<tr>
					<th>No.</th>
					<th>District Name</th>
					<th>Province Name</th>
					<th>Manage</th>
				</tr>
			</thead>
			<tbody>
			<?php foreach ( $groups as $row ) { ?>		
				<tr>
					<td><input type="checkbox" name="chkDel[]" class="chk" value="<?php echo $row->district_ID; ?>"></td>
					<td><?php echo $row->district_NAME; ?></td>
					<td><?php echo $row->PROVINCE_NAME; ?></td>
					<td><a href="<?php echo base_url(); ?>company/district_edit/<?php echo $row->district_ID; ?>">
						<img alt="edit" src="<?php echo base_url(); ?>img/icon/edit16.png" /></a>&nbsp&nbsp
						<a href="<?php echo base_url(); ?>company/district_delete/<?php echo $row->district_ID; ?>"
						onclick="return confirm('Are you sure want to dele');">
						<img alt="delete" src="<?php echo base_url(); ?>img/icon/delete16.png" /></a></td>
				</tr>
			<?php  } ?>
			</tbody>
		</table>
	<div class="row">
		<div class="col-sm-12">
			<div class="pull-right clearfix">
				<button type="submit" id="submit" class="submit-btn active-btn">Delete</button>
			</div>
		</div>
	</div>
		<?php echo form_close(); ?>
	</div>
</div>

<script type="text/javascript">
$(document).ready( function () {
	 $('#example').dataTable( {
		 "bAutoWidth": false,
		 "aoColumns" : [
		    {"sWidth": "10%"},
		    {"sWidth": "40%"},
		    {"sWidth": "30%"},
		    {"sWidth": "20%"}],
		    "sDom": 'R<"H"lfr>t<"F"ip>',
			"bJQueryUI": true,
			"sPaginationType": "full_numbers"   
		} );
} );
</script>